<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE >
<html>

<head>
    <base href="<%=basePath%>">
    <title>NIPT检测</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" href="favicon.ico" />
    <link href="static/manage-sys/css/bootstrap.min.css" rel="stylesheet" />
    <link href="static/manage-sys/css/font-awesome.min.css" rel="stylesheet" />
    <link href="static/manage-sys/css/default.css" rel="stylesheet" type="text/css" />
    <script src="static/manage-sys/js/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/bootstrap/html5shiv.min.js"></script>
    <script src="js/bootstrap/respond.min.js"></script>
    <![endif]-->
    <!--页面加载进度条-->
    <link href="static/manage-sys/css/pace/dataurl.css" rel="stylesheet" />
    <script src="static/manage-sys/js/pace/pace.min.js"></script>
    <script src="static/manage-sys/js/jquery.scrolltopcontrol/scrolltopcontrol.js" type="text/javascript"></script>
    <script src="static/manage-sys/js/jquery.extend.js" type="text/javascript"></script>
    <script src="static/manage-sys/js/default.js" type="text/javascript"></script>

    <link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/ui-cupertino/easyui.css" />
    <link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/easyui/themes/icon.css" />
    <link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/icon.css" />
    <link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/uims.css" />
    <link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/temp.css" />
    <!-- NIPT检测页面样式-->
    <link rel="stylesheet" type="text/css" href="static/manage-sys/add-sample/css/nifty.css" />

    <script type="text/javascript" src="static/manage-sys/add-sample/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="static/manage-sys/add-sample/easyui/locale/easyui-lang-zh_CN.js"></script>

    <script src="static/manage-sys/js/bootstrap/bootstrap.min.js"></script>
    <script src="static/manage-sys/js/bootstrap/bootstrap-table.min.js"></script>
    <script src="static/manage-sys/js/bootstrap/bootstrap-table-zh-CN.min.js"></script>

    <script type="text/javascript" src="static/manage-sys/add-sample/js/dataGridCellTip.js"></script>
    <script type="text/javascript" src="static/manage-sys/add-sample/js/validate.js"></script>
    <script type="text/javascript" src="static/manage-sys/add-sample/js/json2.js"></script>

    <!-- artTemplate 模板引擎 -->
    <script src="static/manage-sys/js/template-web.js" type="text/javascript"></script>

    <script type="text/javascript">

        $(document).ready(function(){
            //读取
            var newsObject = sessionStorage.getItem('sampleInfos');
            //重新转换为对象
            newsObject = JSON.parse(newsObject);
            //alert(newsObject.customerName);

            $("#couponNum").text(newsObject.couponNum);
            $("#productName").text(newsObject.productName);
            $("#customerNameId").text(newsObject.customerName);
            if(newsObject.isCharge == 1){
                $("#isChargeId").text("免费");
            }
            if(newsObject.isCharge == 2){
                $("#isChargeId").text("自费");
            }
            $("#sampleNameId").text(newsObject.sampleName);
            if(newsObject.sampleSex == 0){
                $("#sampleSex").text("未知");
            }
            else if(newsObject.sampleSex == 1){
                $("#sampleSex").text("男");
            }
            else if(newsObject.sampleSex == 2){
                $("#sampleSex").text("女");
            }
            $("#birthDateId").text(newsObject.birthDate);
            $("#addressProvinceId").text(newsObject.addressProvince);
            $("#addressCityId").text(newsObject.addressCity);
            $("#nationaltilyId").text(newsObject.nationaltily);
            $("#guardianShip").text(newsObject.guardianShip);
            $("#motherPhoneNumId").text(newsObject.motherPhoneNum);
            $("#samplePhoneNumId").text(newsObject.samplePhoneNum);
            $("#motherNameId").text(newsObject.motherName);
            $("#motherAge").text(newsObject.motherAge);
            $("#gestationalWeeksId").text(newsObject.gestationalWeeks);
            $("#idCardId").text(newsObject.idCard);
            $("#bodyWeightId").text(newsObject.bodyWeight);
            $("#bodyHeightId").text(newsObject.bodyHeight);
            $("#apgarId").text(newsObject.apgar);
            if(newsObject.suckler72 == 1){
                $("#sucklerId").text("是");
            }else if(newsObject.suckler72 == 0){
                $("#sucklerId").text("否");
            }
            $("#clinicalDiagnosisId").text(newsObject.clinicalManifestation);
            if(newsObject.deliveryMode == 0){
                $("#deliveryModeId").text("平产");
            }else if(newsObject.deliveryMode == 1){
                $("#deliveryModeId").text("剖腹产");
            }
            $("#familyProduceId").text(newsObject.familyProduce);
        });
    </script>
    <style>
        .container{
            overflow: hidden;
        }
        .content{
            margin: 20px auto;
        }
        .title{
            margin:20px auto;
            text-align: center;
        }
        .title span{
            display:inline-block;
            line-height: 50px;
            font-size:30px;
        }
        .blue-tr{
            height: auto;
            padding: 5px 10px;
        }
        .groupCont{
            margin: 5px auto;
        }
        .contList{
            font-size:15px;
            line-height: 28px;
            border-bottom: 1px dashed #a7a7a7;
            padding:0px 0px 0px 15px ;
        }
        .t-group-title{
            font-size: 18px;
            font-weight: bold;
        }

        .t-group-item{
            display: inline-block;
            width:45%;
        }
    </style>
</head>

<body>
<!--我是主要内容-->
<div class="container">
    <div class="content">
        <div class="title"><span id="productName"></span></div>
        <div class="second-table t-group">
            <div class="blue-tr">
                <div class="droppable t-group-title">免/自费券信息</div>
            </div>
            <div class="groupCont">
                <div class="contList">
                   <span class="field t-group-item">
                       <i class="t-name t-require">免/自费券编码</i>：
                       <span id="couponNum"></span>
                   </span>
                </div>

            </div>
        </div>
        <div class="second-table t-group">
            <div class="blue-tr">
                <div class="droppable t-group-title">关键信息</div>
            </div>
            <div class="groupCont">
                <div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">收费类型</i>：
                        <span id="isChargeId"></span>
                    </span>
                    <span class="field t-group-item">

                    </span>
                </div>
                <div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">新生儿性别</i>：
                        <span id="sampleSex"></span>
                    </span>
                    <span class="field t-group-item">
                        <i class="t-name t-require">新生儿出生日期</i>：
                        <span id="birthDateId"></span>
                    </span>
                </div>
                <div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name">籍贯</i>：
                        <span id="addressProvinceId"></span>
                        <span id="addressCityId"></span>
                    </span>
                    <span class="field t-group-item">
                        <i class="t-name">民族</i>：
                        <span id="nationaltilyId"></span>
                    </span>
                </div>
                <div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">母亲姓名</i>：
                        <span id="motherNameId"></span>
                    </span>
                    <span class="field t-group-item">
                        <i class="t-name t-require">母亲年龄</i>：
                        <span id="motherAge"></span>
                    </span>
                </div>
                <div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">母亲电话</i>：
                        <span id="motherPhoneNumId"></span>
                    </span>
                    <span class="field t-group-item">
                        <i class="t-name">其他联系电话</i>：
                        <span id="samplePhoneNumId"></span>
                    </span>
                </div>
                <div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name t-require">孕周</i>：
                        <span id="gestationalWeeksId"></span>
                    </span>
                    <span class="field t-group-item">
                        <i class="t-name t-require">身份证/护照</i>：
                        <span id="idCardId"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class="second-table t-group">
            <div class="blue-tr">
                <div class="droppable t-group-title">基本情况</div>
            </div>
            <div class="groupCont">
                <div class="contList">
                   <span class="t-group-item field">
                        <i class="t-name">身高</i>：
                        <span id="bodyHeightId"></span>
                        <i class="t-unit">厘米</i>
                    </span>
                    <span class="t-group-item">
                        <i class="t-name">体重</i>：
                        <span id="bodyWeightId"></span>
                        <i class="t-unit">公斤</i>
                    </span>
                </div>
                <div class="contList">
                   <span class="t-group-item field">
                        <i class="t-name">apgar评分</i>：
                        <span id="apgarId"></span>
                    </span>
                    <span class="t-group-item">
                        <i class="t-name">是否充分哺乳（6~8次）</i>：
                        <span id="sucklerId"></span>
                    </span>
                </div>
                <div class="contList">
                    <span class="t-group-item field">
                        <i class="t-name">临床表现</i>：
                        <span id="clinicalDiagnosisId"></span>
                    </span>
                    <span class="group-field field t-group-item" validate="required">
                        <i class="t-name">分娩方式</i>：
                        <span id="deliveryModeId"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class="second-table t-group">
            <div class="blue-tr">
                <div class="droppable t-group-title">既往病史</div>
            </div>
            <div class="groupCont">
                <div class="contList">
                    <span class="field t-group-item">
                        <i class="t-name">家族史</i>：
                        <span id="familyProduceId"></span>
                    </span>
                </div>
            </div>
        </div>
        <div class="second-table t-group">
            <div class="blue-tr">
                <div class="droppable t-group-title">产品信息</div>
            </div>
            <div class="groupCont">
                <div class="contList">
                    <span class="field t-group-item-product">
                        <b>
                            <span id="productName_DX0558" class="t-product-name">新生儿疾病筛查</span>
                        </b>（<i class="t-product-value">BS0002</i>）
                    </span>
                </div>
            </div>
        </div>
    </div>

</div>


</body>
</html>